<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>畅利科技</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/lianxi.css">
    <link rel="stylesheet" href="./download/font_3816101_w170a8nuy8q/iconfont.css">
</head>
<body>
    <header>
        <div class="nav">
            <div class="logo">
                <img src="./images/index/logo.png" alt="">
                <b><a href="">畅利科技</a></b>
            </div>
            <ul class="nav_left">
                <li>
                    <a href="./index.html" class="aa">首页</a>
                    <p class="cii"></p>
                </li><span>/</span>
                <li>
                    <a href="./category.html" class="aa">公司介绍</a>
                    <p class="cii"></p>
                </li><span>/</span>
                <li>
                    <a href="./imp_pro.html" class="aa">重点项目</a>
                    <p class="cii"></p>
                </li><span>/</span>
                <li>
                    <a href="./lianxi.html" class="aa" style="color: #1a6cff;">联系我们</a>
                    <p class="cii"></p>
                </li>
            </ul>
        </div>
    </header> 
    <div class="banner">
        <img src="./images/lianxi/banner.jpg" alt="">
    </div> 
    <div class="content">
        <div class="English">CONTACT US</div>
        <div class="title">联系我们</div>
        <div class="con">
            <div>
                <img src="./images/lianxi/地图.jpg" alt="">
            </div>
            <div class="right">
                <div class="logo2">
                    <img src="./images/lianxi/WechatIMG112.png" alt="">
                </div>
                <p class="name">杭州畅利科技有限公司</p>
                <p><b>电话: </b>&nbsp; 0571-87091509</p>
                <p><b>地址：</b>杭州市拱墅区东新路533号</p>
                <p><b>邮箱：</b> yuxj@hz.cn</p>
            </div>
        </div>
        
    </div>
    <div class="footer">
        <div class="footer-bx">
            <div class="fl-item1">
                <b>公司介绍</b>
                <ul>
                    <li><a href="./category.html">公司文化</a></li>
                    <li><a href="./category.html">发展历程</a></li>
                </ul>
            </div>
            <div class="fl-item1">
                <b>重点项目</b>
                <ul>
                    <li><a href="./imp_pro.html">服务类型</a></li>
                    <li><a href="./index.html">合作客户</a></li>
                </ul>
            </div>
            <div class="fl-item1">
                <b>联系我们</b>
                <ul>
                    <li><a href="./lianxi.html">联系我们</a></li>
                </ul>
            </div>
            <div class="fl-item1">
                <b>杭州畅利科技有限公司</b>
                <ul>
                    <li>
                        地址：杭州市拱墅区东新路533号
                    </li>
                    <li>电话：+0571-87091509</li>
                    <li>邮箱：yuxj@hz.cn</li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p style="margin-left: 300px;">Copyrighte2017-2022 &nbsp; 杭州畅利科技有限公司 &nbsp; 浙ICP备2022034547号</p>
        </div>
        <div class="fixd">
            <div class="phone2">
                <span class="icon-dianhua-yuankuang" style="font-size:40px;vertical-align: middle;"></span>
                +0571-87091509
            </div>
            <p class="line2">_________________</p>
            <div class="display">464651661646</div>
        </div>
    </div>
</body>
<script>
    var aa =document.querySelectorAll(".aa");
    var cii =document.querySelectorAll(".cii");
    for(let i=0;i<aa.length;i++){
        aa[i].onmouseover=function(){
            for(let i of cii){
                i.style.bottom='-38px';
                i.style.opacity=0
            }
            cii[i].style.bottom='-12px';
            cii[i].style.opacity=1
        }
    }
    for(let i=0;i<aa.length;i++){
        aa[i].onmouseleave=function(){
            for(let i of cii){
                i.style.bottom='-12px';
                i.style.opacity=0
            }
            cii[i].style.bottom='-38px';
            cii[i].style.opacity=0
        }
    }
</script>
</html>